@charset "utf-8";
body{min-width:auto}
.checkhid input[type=checkbox],.checkhid input[type=radio]{display:none}
.crumb{line-height: 25px;font-size: 14px;color: #333;}
.crumb a{color:#2A6494}
.dpl-plus{display:inline-block;width:11px;height:11px;overflow:hidden}
.dpl-plus i{float:left;display:inline;width:11px;height:1px;overflow:hidden;background:#aaa;margin-top:5px}
.dpl-plus em{float:left;display:inline;width:1px;height:11px;overflow:hidden;background:#aaa;margin:-6px 0 0 5px}
#fly-img{position:fixed;top: 5px;left: 7px;}
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}
.pup-proDetail{background-color: #FFF;width: 100%;height: 100%;color: #333;overflow: hidden;position:fixed;top: 0;left: 0;z-index:9;display:none;}
.pup-proDetail .button{margin-top:5px}	
.pup-proDetail .pd-cont {clear: both;border: solid 1px #E9E9E9;margin: 0 10px;}
.order-info .tit{height:42px;line-height:42px;font-size: 16px;margin-top: 10px;color: #333;}

.subnav{z-index:9999;width: 210px;background: #FFF;}
.subnav .tit{width: 100%;background: #f7f7f7;font-size: 15px;position: relative;z-index: 3;padding: 0;height: 42px;line-height: 42px;color: #333;font-weight: 600;border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.subnav .tit s{width: 20px;height: 21px;display: inline-block;vertical-align: middle;background: url(../images/button/ico-menu.png) no-repeat;margin: 0 10px 0 23px;}
.subn-list{top: 43px;-moz-user-select: none;width: 210px;bottom: 0px;position: absolute;background: #fff;overflow-y: auto;}
.main-right {position:absolute;right:0;top:0;bottom:0;overflow-y: hidden;left: 211px;padding: 0;}

.tree-contain .subnav{z-index:99;width: 204px;background: #FFF;
	position: absolute;
	top: 0;
	bottom: 5px;}
.tree-contain .subnav .tit{width: 100%;background: #f7f7f7;font-size: 15px;position: relative;z-index: 3;padding: 0;height: 42px;line-height: 42px;color: #333;font-weight: 600;border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.tree-contain .subnav .tit s{width: 20px;height: 21px;display: inline-block;vertical-align: middle;background: url(../images/button/ico-menu.png) no-repeat;margin: 0 10px 0 23px;overflow: hidden;}
.tree-contain .subn-list{top: 43px;-moz-user-select: none;width: 100%;bottom: 0px;position: absolute;background: #fff;overflow-y: auto;}
.tree-contain .main-right {position:absolute;right:0;top:0;bottom:0;overflow-y: hidden;left: 208px;padding: 0;}
.tree-contain #labBtn:before{content:"";position:absolute;top:0;left:-10px;right:-10px;bottom:0;}
.tree-contain #labBtn{
	float: left;
	width: 10px;
	height: 100%;
	position: absolute;
	cursor: e-resize;
	top: 0;
	background-color: #fefefe;
	left: 205px;
	z-index: 10;
}
.tree-contain #labBtn:after{
	content:"";
	width: 0px;
	height: 30px;
	position: absolute;
	cursor: e-resize;
	background-color: #eee;
	left: 0;
	z-index: 9999;
	border: dashed 1px #333;
	margin-left: 4px;
	top: 50%;
	margin-top: -40px;
	}
	
.tree-contain #labBtn-y:before{content:"";position:absolute;top:-10px;left:0;right:0;bottom:-10px;}
.tree-contain #labBtn-y{
	float: left;
	width: 100%;
	position: relative;
	cursor: e-resize;
	top: 0;
	background-color: #fefefe;
	z-index: 10;
}
.tree-contain #labBtn:after{
	content:"";
	width: 0px;
	height: 30px;
	position: relative;
	cursor: e-resize;
	background-color: #eee;
	left: 0;
	z-index: 9999;
	border: dashed 1px #333;
	margin-left: 4px;
	top: 50%;
	margin-top: -40px;
	}

.tree-contain #labBtn-y:after{
	content:"";
	width: 30px;
	height: 0px;
	position: absolute;
	cursor: s-resize;
	background-color: #eee;
	left: 50%;
	z-index: 9999;
	border: dashed 1px #333;
	margin-left: -40px;
	top: 0;
	margin-top: 4px;
	}

.resize-ing{
cursor: e-resize;
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
.resize-y{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}

.pro-contain{padding-right:10px;padding-left: 8px;}
.ctl-filter{overflow: hidden;border-bottom: none;margin: 0 0 6px 0;}
.ctl-filter dl{border: solid 1px #d8deea;border-bottom: none;overflow: hidden;position: relative;background: #FFF;/*display:none;*/}
.ctl-filter dl:nth-child(1){ display:block}
.ctl-filter dt{background: #f7f7f7;padding: 6px 0 6px 10px;position: absolute;left: 0;bottom: 0;top: 0;line-height: 24px;width: 110px;color: #333;overflow: hidden;}
.ctl-filter dd{padding: 0 130px 0 127px;overflow: hidden;height: 24px;margin: 6px 0;}
.ctl-filter dd div{margin-right: 10px;display: block;float: left;padding: 0 5px 0 12px;position:relative;padding-left: 20px;line-height: 24px;width: auto;min-width: 70px;}
.ctl-filter dd div.cur{ background:#2672C8;color: #FFF }
.ctl-filter dd div:hover{color:#2672C8;}
.ctl-filter dd div.cur:hover{color:#FFF;}
.ctl-filter dd input[type="checkbox"]{display:none;position: absolute;left: 0;top: 7px;}
.ctl-filter .ctl-btn{position:absolute;right: 10px;background:#FFF;top: 5px;}
.ctl-filter .ctl-btn a{width: 50px;height:24px;border: solid 1px #e8e8e8;display: block;float: left;text-align: center;line-height: 24px;margin-left: 10px;border-radius: 1px;color: #999;}
.ctl-filter .ctl-btn .arrow-b,.ctl-filter .ctl-btn .dpl-plus {margin-left:2px;margin-top:-2px;vertical-align: middle;}
.ctl-filter .ctl-btn a:hover,.ctl-filter .ctl-btn .ctl-ok{border: solid 1px #5d98ca;color: #5d98ca;}
.ctl-filter .ctl-btn .ctl-ok{ display:none}
.ctl-filter .ctl-btn a:hover .arrow-b i{border-top-color: #5d98ca;}
.ctl-filter .ctl-btn a:hover .dpl-plus i,.ctl-filter .ctl-btn a:hover .dpl-plus em{background: #5d98ca;}
.ctl-filter .ctl-btn a.on{ background:#F5F5F5}
.ctl-filter .ctl-btn a.on .arrow-b{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.ctl-filter .ctl-btn a.on .arrow-b em{border-top-color:#f5f5f5}
.ctl-filter .ctl-btn a.on .dpl-plus em{ display:none}
.ctl-filter .ctl-filter-dl{overflow:hidden;border-bottom: solid 1px #eeeeee;}
.ctl-filter .showMore{text-align:center;line-height: 24px;}
.ctl-filter:hover .showMore{ display:block}
.ctl-filter .showMore b{background:#FFF;border: solid 1px #eee;border-top:none;display:block;width: 107px;margin:-1px auto 0;font-size:13px;font-weight:400;cursor:pointer;}
.ctl-filter .showMore .arrow-b{margin:-2px 0 0 5px; vertical-align:middle}
.ctl-filter .showMore.on .arrow-b{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}


.pro-c-list{overflow-y:auto;overflow-x: hidden;}
.pro-c-list ul{margin: 0 -3px;}
.pro-c-list li{width: 158px;float:left;overflow: hidden;margin: 4px 3px;background: #FFF;border-radius: 2px;padding-bottom: 1px;position: relative;line-height: 1;text-align: left;height: 238px;border: solid 1px #eee;}
.pro-c-list li .tag{background: #15d4b5;color: #FFF;position:absolute;left: -2px;top: -2px;width: 65px;text-align: center;height: 32px;line-height: 32px;border-radius: 0 0 12px 0;font-size: 15px;}
.pro-c-list li .pic {text-align: center;margin-bottom: 5px;}
.pro-c-list li .pic img{width: 100%;/*! height: 158px; *//*! border: solid 1px #eee; */border-bottom: none;}
.pro-c-list li .name{padding: 0 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;line-height: 16px;}
.pro-c-list li .name b{color: #109c90;font-weight: 700;margin-left: -6px;}
.pro-c-list li .name a{color:#333}
.pro-c-list li .no{padding: 3px 10px 0;color: #888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:16px;line-height:16px;}
.pro-c-list li .price{color:#F60;float: left;margin-left: 10px;margin-top: 4px;}
.pro-c-list li .price b{font-weight:400;font-size: 16px;}
.pro-c-list li .price del{color:#999;margin-left: 2px;}
.pro-c-list li .btn-cart{
	float: right;
    margin-right: 9px;
    background: url(/resources/images/button/ico-add-p.png) no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 129px;
    right: -5px;
    border: solid 2px #fff;
    border-radius: 50%;
}
.pro-c-list li .btn-cart.addcar{ cursor:pointer}
/*案例*/
.case-c-list ul{margin: 0 -0.5%;}
.case-c-list li{width: 49%;float:left;overflow: hidden;margin: 0 0.5% 13px;background: #f7f7f7;border-radius: 2px;padding-bottom: 8px;padding: 12px 12px 10px 209px;position: relative;tap-highlight-color: transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.case-c-list li .c{float:left;position: absolute;width: 188px;left: 12px;}
.case-c-list .c .img{width:100%}
.case-c-list .c .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;font-weight: 400;margin: 11px 0 0;font-size: 13px;text-align: center;color: #333;}
.case-c-list .p{margin-top: -4px;}
.case-c-list .p-item:first-child{border-top:none}
.case-c-list .p-item:last-child{border-bottom:none;}
.case-c-list .p-item{overflow:hidden;line-height: 18px;border-bottom: solid 1px #dadada;border-top: solid 1px #FFF;margin: 1px 0;position: relative;padding: 4px 35px 4px 63px;min-height: 55px;}
.case-c-list .p-item .p-img{width: 56px;height: 56px;position:absolute;top: 3px;left: 0;}
.case-c-list .p-item .p-name{display:block;float:left;width: 100%;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;color: #4a4a4a;}
.case-c-list .p-item .p-price{color:#F00;float: left;font-size: 16px;}
.case-c-list .p-item .p-price i{font-size:12px;font-style: initial;}
.case-c-list .p-item .btn-cart{background: url(../images/ico-add-p.png) no-repeat center bottom;width: 27px;height: 27px;cursor: default;position: absolute;top: 50%;right: 0;margin-top: -15.5px;}
.case-c-list .more{width: 100%;padding: 0;text-align: right;border-top: solid 1px #e6e6e6;min-height: auto;}
.case-c-list .more a{color:#5d98ca;margin-left: 5px;display: inline-block;padding: 0 15px;height: 28px;line-height: 27px;}
.case-c-list .more a.on{ background:#d8d8d8}
.case-tab1,.case-tab2{min-height:141px;}
.case-tab2 .p-item {padding-right:0}
.case-tab2 .p-item .p-name{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;white-space:inherit;color: #666;}



/*产品明细*/
.pro-main{text-align:left;font-size:13px;background: #fbfbfb;position:relative;min-height: 285px;padding: 15px 15px 15px 415px;}
.pro-main .pro-pic{position:absolute;top: 15px;left: 24px;width: 365px;}
.pro-main .pro-pic img{ width:100%}
.tb-pic a { display:table-cell; text-align:center; vertical-align:middle; }
.tb-pic a img {vertical-align:middle;    width: 100%;}
.tb-pic a {*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb {margin:10px 0 0; overflow:hidden; }
.tb-thumb li {background:none repeat scroll 0 0 transparent;float:left;height: 85px;margin: 2.5px 2px;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a {height: 270px;width: 270px;}
.tb-s310, .tb-s310 img {max-height: 270px;max-width: 270px;}
.tb-s310 a { *font-size:271px;}
.tb-s40 a { *font-size:35px;}
.tb-s40, .tb-s40 a {height: 84px;width: 84px;}
.tb-booth {border: 1px solid #e9e9e9;position:relative;z-index:1;float:left;margin: 3px 0 0 0;}
.tb-thumb .tb-selected {background: none repeat scroll 0 0 #2a6494;height: 84px;padding:2px;}
.tb-thumb .tb-selected div { background-color:#FFFFFF; border:medium none; }
.tb-thumb li div { border:1px solid #CDCDCD; }
div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; /**background:url("images/mask.png") repeat scroll 0 0 transparent;*/ cursor:move; z-index:1; }
.pro-main .pro-title{font-size: 25px;color: #000;font-weight:400;margin: 20px 0 3px;}
.pro-main .t2{color: #999;font-size: 14px;}
.pro-main .pro-item{margin-top:20px;padding:10px;background-color:#F6F6F6;overflow:hidden}
.pro-main .pro-wrap{margin: 20px 35px 0 0;overflow:hidden;font-size: 14px;}
.pro-main .pro-wrap dl{width: 33%;float:left;margin-bottom: 5px;}
.pro-main .pro-wrap dt{width: 30%;display:inline-block;float:left;color:#999;font-size: 14px;}
.pro-main .pro-wrap dd{width: 70%;float:left;font-size: 14px;}

/*产品导航*/
.pro-nav{background: #fbfbfb;height: 36px;line-height: 36px;text-align: center;border-bottom: solid 2px #2a6494;padding-left: 24px;padding-top: 5px;}
.pro-nav p{display: inline-block;width: 115px;font-size: 15px;cursor:pointer;float: left;}
.pro-nav p.cur { background:#2A6494; color:#FFF}
.pro-nav p.cur a{ color:#FFF}
/*内容*/
#contant-order{width:1200px; margin:0 auto 20px; background:#FFF; overflow:hidden; text-align:left}
.c-detail,.c-parameter,.c-upload,.c-setting{padding: 25px;}
.c-detail:after, .c-parameter:after, .c-upload:after, .c-setting:after,.c-setting .option-item dd:after{content:"";display:block;clear:both;height:1px;width:100%}
.c-detail img{ max-width:100%; height:auto}
.c-detail h5,.c-parameter h5,.c-upload h5{margin-bottom:20px;}
.c-parameter,.c-upload,.c-detail{ display:none}
.c-parameter .cp-list{border:solid 1px #ececec;overflow: hidden;}
.c-parameter .cp-list li{display:inline;float:left;width:50%;height:53px;overflow:hidden;line-height:52px;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;color:#666;padding:0 1.5%;border-right:solid 1px #ececec;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-bottom:solid 1px #ececec;margin-bottom:-1px}
.c-parameter .cp-list li img{max-height:44px;}
.c-setting table.input th{background: #fbfbfb;border: solid 1px #eee;text-align: left;padding: 0 12px;}
.c-setting table.input td{ text-align:left;border:solid 1px #eee}
.c-setting table.input textarea.text{border:none;padding-top: 10px;} 
.c-setting table.input input[type="checkbox"]{width:14px; height:14px;}
.c-setting .option-item {margin: -5px -7px;}
.c-setting .option-item dt{font-size:14px;border-bottom: solid 1px #eee;background: #f3f3f3;margin-bottom: 8px;height: 38px;line-height: 38px;padding: 0 15px;}
.c-setting .option-item dd{padding: 0 15px 8px;}
.c-setting .option-item label{display:block;float:left; position:relative;margin-right:20px;}
.c-setting .option-item label input[type="checkbox"]{margin-right:3px;vertical-align:sub}
.c-setting .option-item label img{width: 40px;float: left;margin: 0 11px 0 0;}
.option-item .check_box{display:inline-block;vertical-align:middle;height: 40px;line-height: 40px;margin: 2px 0px 2px 0;border: solid 1px #dcdcdc;padding: 0px 8px 0 0; position:relative}
.option-item .check_box.checked{border: solid 1px #F5AD2B;background: url(../images/button/ico-checked.png) no-repeat right bottom;background-size: 17px;}
.option-item .check_box .tag{position:absolute;top:0;left:0;background: #15D4B5;color:#FFF;height: 16px;line-height: 16px;width: 16px;text-align: center;}
.option-item .pup-checkboxImg{position:absolute;bottom: 100%;left:0;width: 320px;height: 320px;z-index: 888;background: #FFF;border: solid 1px #DDD;display:none;}
.option-item label:hover .pup-checkboxImg{ display:block}
.c-setting .option-item .pup-checkboxImg img{width:100%}
